<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>后台管理系统</title>
</head>
<!-- DataTables CSS -->
<link href="/assets/vendor/datatables-plugins/dataTables.bootstrap.css" th:href="@{/assets/vendor/datatables-plugins/dataTables.bootstrap.css}" rel="stylesheet"/>
<!-- DataTables Responsive CSS -->
<link href="/assets/vendor/datatables-responsive/dataTables.responsive.css" th:href="@{/assets/vendor/datatables-responsive/dataTables.responsive.css}" rel="stylesheet"/>
<link rel="stylesheet" href="/js/home/jquery-ui.css" th:href="@{/js/home/jquery-ui.css}"/>
<body>
<div id="wrapper">
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <!-- head 头部 -->
        <div id="head" th:include="common/header :: copy"></div>
        <!--tree菜单 -->
        <div id="tree" th:replace="common/tree :: copy"></div>
    </nav>

    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">酒店管理</h1>
                <div class="panel-body">
                    <!-- Button trigger modal -->
                    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                        添加
                    </button>
                </div>
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        DataTables Advanced Tables
                    </div>
                    <!-- /.panel-heading -->
                    <div class="panel-body">
                        <table width="100%" class="table table-striped table-bordered table-hover" id="datatable">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>名称</th>
                                <th>说明</th>
                                <th>内容</th>
                                <th>图片</th>
                                <th>星级</th>
                                <th>时间</th>
                                <th>价格</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                        </table>
                        <!-- /.table-responsive -->
                        <div class="well">
                            <h4>DataTables Usage Information</h4>
                            <p>DataTables is a very flexible, advanced tables plugin for jQuery. In SB Admin, we are using a specialized version of DataTables built for Bootstrap 3. We have also customized the table headings to use Font Awesome icons in place of images. For complete documentation on DataTables, visit their website at <a target="_blank" href="https://datatables.net/">https://datatables.net/</a>.</p>
                            <a class="btn btn-default btn-lg btn-block" target="_blank" href="https://datatables.net/">View DataTables Documentation</a>
                        </div>
                    </div>
                    <!-- /.panel-body -->
                </div>
                <!-- /.panel -->
            </div>
            <!-- /.col-lg-12 -->
        </div>

    </div>
    <!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->
<div id="footer" th:replace="common/footer :: copy"></div>

<!-- 信息删除确认 -->
<div class="modal fade" id="delcfmModel">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
                <p>您确认要删除吗？</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="id"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <a  onclick="urlSubmit()" class="btn btn-success" data-dismiss="modal">确定</a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="uploadForm" name="uploadForm" method="POST" enctype="multipart/form-data"  class="form-horizontal" action="../content/upload" role="form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">添加</h4>
                </div>
                <div class="modal-body">

                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-12">

                                <div class="form-group">
                                    <label>title</label>
                                    <input class="form-control" name="title"/>
                                    <p class="help-block">Example block-level help text here.</p>
                                </div>
                                <div class="form-group">
                                    <label>detail</label>
                                    <input class="form-control" placeholder="详情" name="detail"/>
                                </div>
                                <div class="form-group">
                                    <label>File input</label>
                                    <input type="file" name="file" id="file" accept=".jpg,.jpeg,.png,.bmp" multiple="multiple" onchange="preImg(this.id,'photo');"/>
                                    <br />
                                    <br />
                                    <img id="photo" src="" width="200px" height="80px" style="display: none;" />
                                </div>
                                <div class="form-group">
                                    <label>content</label>
                                    <textarea class="form-control" rows="3" name="content"></textarea>
                                </div>
                                <!--<div class="form-group">
                                    <label>Inline Radio Buttons</label>
                                    <label class="radio-inline">
                                        <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline1" value="option1" checked="checked"/>1
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline2" value="option2"/>2
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline3" value="option3"/>3
                                    </label>
                                </div>-->
                                <div class="form-group">
                                    <label>星级</label>
                                    <select class="form-control" name="star">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                    </select>
                                </div>
                                <!--<button type="submit" class="btn btn-default">Submit Button</button>
                                <button type="reset" class="btn btn-default">Reset Button</button>-->
                            </div>
                            <!-- /.col-lg-6 (nested) -->
                            <!-- /.col-lg-6 (nested) -->
                        </div>
                        <!-- /.row (nested) -->
                    </div>
                    <!-- /.panel-body -->

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary">保存</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!-- DataTables JavaScript -->
<script src="/assets/vendor/datatables/js/jquery.dataTables.min.js" th:src="@{/assets/vendor/datatables/js/jquery.dataTables.min.js}"></script>
<script type="text/javascript" src="/js/home/jquery-ui.js" th:src="@{/js/home/jquery-ui.js}"></script>
<script src="/assets/vendor/datatables-plugins/dataTables.bootstrap.min.js" th:src="@{/assets/vendor/datatables-plugins/dataTables.bootstrap.min.js}"></script>
<script src="/assets/vendor/datatables-responsive/dataTables.responsive.js" th:src="@{/assets/vendor/datatables-responsive/dataTables.responsive.js}"></script>
<script type="text/javascript" src="../componets/admin/hotel.js" ></script>
</body>

</html>
